<template>
	<view class="content">
		<template v-for="(item, index) in appCategoryList" :index="index">
			<applicationItem v-bind="item" :appList="item.appList" />
		</template>
	</view>
</template>

<script setup>
	import applicationItem from './application-item.vue';
	
	const appCategoryList = [{
		title: '统一调度',
		appList: [{
			name: '生产调度',
			path: '/pages/dispatch/productionDispatch/index',
			icon: 'scdd'
		}, {
			name: '生产计划',
			path: '/pages/dispatch/productionPlan/index',
			icon: 'scjh',
		}, {
			name: '工业视频',
			path: '/pages/dispatch/industryVideo/index',
			icon: 'gysp',
		}, {
			name: '人车监测',
			path: '/pages/dispatch/mancarMonitor/index',
			icon: 'rcjc'
		}, {
			name: '应急指挥',
			path: '/pages/dispatch/emergency/index',
			icon: 'yjzh',
		}, {
			name: '智能园区',
			path: '/pages/dispatch/intelligentPark/index',
			icon: 'znyq',
		}, {
			name: '数据填报',
			path: '',
			icon: 'sjtb'
		}, {
			name: '报表台账',
			path: '',
			icon: 'bbtz',
		}]
	}, {
		title: '生产集控',
		appList: [{
			name: '三机监测',
			path: '/pages/production/threeEngines/index',
			icon: 'sjjc'
		}, {
			name: '变电站',
			path: '/pages/production/electricity/index',
			icon: 'bdz',
		}, {
			name: '选煤厂',
			path: '/pages/production/coal/index',
			icon: 'xmc',
		}, {
			name: '防排水',
			path: '/pages/production/water/index',
			icon: 'fps'
		}]
	}, {
		title: '安全监测',
		appList: [{
			name: '综合防治',
			path: '/pages/monitor/synthesize/index',
			icon: 'zhfz'
		}, {
			name: '瓦斯监测',
			path: '/pages/monitor/gasMonitoring/index',
			icon: 'wsjc',
		}, {
			name: '边坡监测',
			path: '/pages/monitor/slopeMonitoring/index',
			icon: 'bpjc',
		}, {
			name: '水文监测',
			path: '/pages/monitor/hydrologicalMonitoring/index',
			icon: 'swjc'
		}, {
			name: '粉尘监测',
			path: '/pages/monitor/dustMonitoring/index',
			icon: 'fcjc'
		}, {
			name: '火灾监测',
			path: '/pages/monitor/fireMonitoring/index',
			icon: 'hzjc',
		}]
	}, {
		title: '决策指挥',
		appList: [{
			name: '生产决策',
			path: '/pages/decision/productionDecision/index',
			icon: 'scjc'
		}, {
			name: '安全决策',
			path: '/pages/decision/securityDecision/index',
			icon: 'aqjc',
		}, {
			name: '经营决策',
			path: '/pages/decision/businessDecision/index',
			icon: 'jjjc',
		}, {
			name: '报警中心',
			path: '/pages/decision/alarm/index',
			icon: 'gjzx',
		}]
	}]
	onShow(() => {})
</script>

<style lang="scss" scoped>
	.content {
		height: 100%;
		overflow: auto;
		padding: 20rpx 20rpx 40rpx 20rpx;
	}
</style>